<template>
  <div class="enc">
    <router-link
      :to="{
        name: 'EncDe',
        params: { _id: item._id },
        query: { collectionName: 'encDetail' },
      }"
      tag="div"
      v-for="item of msg"
      :key="item._id"
    >
      <van-cell
        :icon="$serveUrl + item.url"
        :title="item.title"
        :label="item.msg"
        is-link
        center
        class="limit"
      />
    </router-link>
  </div>
</template>
<script>
export default {
  data() {
    return {
      msg: [],
    };
  },
  mounted() {
    this.$axios({
      url: "/rec/main/enc",
      params: { _limit: 10 },
    }).then((res) => {
      this.msg = res.data;
    });
  },
  methods: {},
};
</script>
<style scoped>
.enc {
  padding: 2.1rem 0.4rem 0rem 0.4rem;
}
.van-cell__left-icon {
  margin-bottom: 0.5rem;
  margin-right: 0.15rem;
}
.van-icon__image {
  width: 2rem;
  height: 1rem;
}
.limit {
  height: 2rem;
}
.van-cell__label {
  height: 0.9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
</style>